查看原文
其他

稳住!先学会这6个平衡技!再浪!

阿门教你PS 2021-05-20

The following article is from 庞门正道 Author 庞少棠



新一期的教程又来了~

-------


如果我们把做设计比喻成起房子,房子的户型大概就相当于平面设计中的信息编排,而建筑的外形骨架就相当于是构图。


在现实生活中,我们能看到这样四平八稳的建筑:



也可以看到这种奇型怪状的建筑:



这些建筑不管外形如何变化,但是有一条是不会变的,那就是它必须重心平稳。


重心不稳的话,就算是老司机也难免会翻车:



建筑结构需要平稳,设计中的构图也是如此。


构图上的平稳,指的是视觉上的平衡感,也就是我们常说的平衡构图。


平衡构图除了带来视觉上的稳定感之外,也更符合大多数人的审美,因为平衡构图体现了大自然的基本规律——和谐。


平衡是一种不多不少,不偏不正的感觉,那么在视觉设计中我们要怎么才能达到这种效果呢?


今天的这期教程就来聊聊平衡构图在设计中的具体应用。




在现实生活中,我们想知道两个物理谁轻谁重,那方法是很简单,上天平称一下就能知道结果。



然而我们说的视觉上的平衡,却没法用一个工具来测一下。


因为这种平衡完全是一种视觉感受,它未必是面积或者重量上的完全相等 ,只要画面呈现出来的是重心平稳的状态,我们就称之为是平衡的。


我们来看看哪些因素会导致视觉上的不平衡。


一、元素的位置分布


下面这个画面,我们很容易就感受到它是不平衡的:


虽然大部分人都能看出来它是不平衡的,但是如果我问,为什么这个画面不平衡,我估计并不是所有人都能答得上来。


其实我们只需要找到画面重心的方法,就能知道它为什么不平衡了。



这样我们可以一目了然的看出来,画面的重心太偏上了,所以会产生不平衡的感觉。

找到问题,就找到解决方法了,我们只需要将画面的重心往下移,这个画面的构图就平衡了。



往右下角添加了一些元素之后,画面重心就回归到画面的中心,这样整个画面看起来就很平衡。



类似的案例:



二、色彩


颜色也是影响构图平衡的重要因素。


在之前的色彩教程中我们讲过,颜色有重量感和面积感是不一样的,比如明度低的颜色就会显得更重:



不同的重量感,给画面带来的影响就会不一样。


比如这张图,从元素的分布来看,看起来是没有问题的。




不过再分析一下颜色,就会发现画面还是不平衡的。



解决的方法是给画面左下角再增加一些重色,这样就相对平衡了:



除了明度之外,不同的色相的重量感也是不一样的:




下面这张图就是在画面中增加一个比较“重”的颜色,达到让画面的重心更平稳的目的:



好了,知道了哪些因素会影响视觉平衡之后,我们再来看看平衡构图的具体形式。


(不会平衡的后果)




绝对平衡最大特点就是画面上是对称的,在视觉上表现为左右或者上下是完全对称的。


比如说像居中构图:



绝对的平衡可以营造出平稳、严肃、整齐的感觉。


如果你想做出传说中“大气”的感觉,最好的选择也是居中对称:



总之,绝对平衡就是一个字:稳如狗!



当然,对称的设计稳是稳了,缺点就是有点刻板,没有活动。


如果想做出活泼一点的感觉,你就需要用到相对平衡了。





相对平衡一般体现为形式上不对称,但是整体画面的重心是平稳的状态。


比如常见的对角线构图、S形构图等都属于相对平衡。


对角线构图:


S形构图:


相对平衡的构图方式具有比较强烈的对比,在视觉上就呈现出动态、灵活和富有活力的感觉。


正是因此,相对构图在空间上带来的变化非常丰富。


不要围观,画面不平衡很容易倒的!




前面讲了这么多道理,有些同学就要站起来了:道理我都懂,就是不知道怎么做!


我就知道你们会这么说,接下来就是实操案例。


常见的平衡构图方式有以下六种,每种方式我都会通过一个案例来演示:





对称构图

前面我们讲了,对称构图通过相似性体现平衡,适合稳重、大气的氛围。因此,用在男性、商业、政企等类别的题材都很合适。


对称构图的创建相对容易,用具有对称形式的素材,或者创建对称式的排版即可,例如下面这张男装海报:



确定好了对称的形式之后,文字的排版也相对容易,严格遵守对称的规则就行,整个版式看上去工整端庄,很符合男装的气质。


高清大图走一波:


会平衡术,哪怕是条单身狗,都会格外耀眼!



对角线构图

对角线构图是将主要的内容放置在版面的对角线方向,这样可以避免居中排版的呆板,给主体留出更大的展示空间。


由于对角线构图是斜着的,所以天生就具有动感,适合用在活沷、动感的设计主题上。比如下面这张运动鞋的海报:



将倾斜的鞋子与草书的字体结合在一起,很好的展现出了运动的气势。

当然,对角线构图并不意味着弱侧的两个角就不能放东西,为了整个版式更平衡,我们可以在弱侧填充一些次要的文案信息。


高清大图走一波:




S形构图

在S型构图中,线条起始点或转折点一般是用户容易关注的地方,因为一般将主体内容放置在这些地方。S形的构图灵活、有趣,能很好的引导用户的视线。


S型构图适合轻松、趣味性的主题,例如美食:



我在S型的起始点和转折点上放置了主体物,然后在其它空间里见缝插针的放入文案信息,很轻松的就完成了整个海报。


高清大图走一波:



哎,先别吃,听我把课上完!

继续下一个知识点!



中心构图

中心构图是我们最常见的构图方式之一,一般是将画面最重要的内容放在版心。需要注意的是,我们要保证放在最中间的主体在视觉上有足够的出彩,有细节,这样才能牢牢抓住用户的眼光。


例如这张耳机的海报,质感特别棒:



围绕耳机的中心我做了一圈放射的效果,像是有声音喷射出来一样,这样可以强化中心构图的形式感。


高清大图走一波:




左右构图

左右的二分构图,这在我们做广告中很常用,一般是由于文字和图案没法有机结合。

这种构图方式需要注意的点是文案的对齐原则。


例如下面这张海报:



我尽量使文案整体对齐,然后在局部细节上有一些小的变化,这样不会过于呆板。


高清大图走一波:


(别走啊!我还没讲完呢!)

还有最后一个!


满版构图

满版构图是一种整体平衡,是指将图片和文案充满整个版面,这种形式的视觉传达直观而强烈。


当然,这种构图方式容易显得混乱,因此需要保持素材风格的一致性。

例如下面这张海报中的茶叶素材,我让它们都保持了统一的圆形:



除了素材风格需要一致,在规整中也需要营造出变化,这样才不会让整个版式显得笨重。


高清大图走一波:




好了,这期的内容就到这。

最后我们来总结下这期教程的内容,关于平衡构图我们讲了以下内容:


1、影响画面平衡的元素有哪些。

2、两种平衡方式:绝对平衡和相对平衡。

3、平衡构图的6种形式。



看完教程有没有想立即动手做练习?

OK,题目来了。



----------------------------------


找一张素材,自拟文案,按照前面6种平衡构图的形式出不同的设计稿2-6张。


尺寸:

宽度 1000px,高度不限。


格式:

提交作品的时候,需要把你的文件命名修改为:

你的名字-你的QQ-练习作品,如:阿门-QQ12345678-练习作品.jpg

不要ai或者cdr等格式,也不要压缩包


邮件标题:

20190515-你的名字-QQ-练习作品


我会选择3位同学送出珍藏版小鳄鱼钥匙扣各一个,不值什么钱,仅仅是纪念你曾经努力的意义,再下一期教程出来的时候公布优秀结果,投稿邮箱:

2994247228@qq.com


-----------------------------------------------

又到了公布上一期作业和获奖名单了!

鸣炮!!!


上期一共收到91份作品,大家辛苦了:)


全部作品截图:


很多同学都做得非常不错,下面是三位获得优秀作品奖的同学:



01号作品

陆晓桢

原图的排版比较局促,太正的构图也不够运动,修改后的稿子排版更舒展,更有运动气息!



02号作品

阿才

这位同学将上期教程讲到的设计方法运用得恰到好处,改完后的广告画面饱满,风格清新。



03号作品

泡面

原图的直线条有点割裂画面,压在人物身上的文案识别性也有问题。改后的稿子主题更清晰,圆形元素的加入也增添了一点俏皮可爱!



以上三位送出奖品小鳄鱼各一个!



-----------------------

好了,

学到干货的同学请大方地点击一下喜欢作者!!:)


这样下一期干货来得更快!



(更多干货教程,回复:色彩教程)


 

-------------------------

往期精华文章导读:

你会不会留白啊,小老弟?

每个设计师都应该会搞!玻!璃!

没点背景,还真不敢做设计!




    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存